TUJ Fall 2020
This introductory course will teach you the fundamentals of how to plan, design, and create a modern web site for your personal portfolio or business.
I will
You will attend and participate in these classes
You will submit your exercises each week before class on GitHub
You will explore and experiment outside of class
You will help your classmates learn
You will give yourself permission to have fun
This course is about YOU.
I want you to stay focused on acheiving YOUR goals as we work together through this class.
I am your GUIDE and I will help you build solid foundations so that you can overcome the challenges that are unique to YOUR goals.
Check in on Canvas throughout the course.
There is no textbook for this course.
Week 1 Getting to know each other and HTML
Week 2 How to Design for the Web & Making Your First Live HTML Web Page
Week 3 From Design to Code
Week 4 Responsive Design for Mobile Devices
Week 5 Adding Interaction with JavaScript
Week 6 How the Web Works, or, Why Forms Aren’t Easy
Week 7 Flash is Dead: Understanding Modern Web Animations
Week 8 Sharing your projects and next steps
Every week we are going to build on the skills you learned the previous week so that you can do more and more things. But MY goal is to give you, TODAY, the independence to experiment outside of the classroom.
a network of connected computers
users send a request to a server
the server then returns content back to the browser based on the location we’ve entered
Content of the web is written using 3 technologies:
HyperText Markup Language
Wikipedia
source: Wikipedia
Puts users first!
Lets them read what they want to read when they want to read it.
TV Tropes
source: TV Tropes
HTML is comprised of <tags> which are wrapped around content to create nodes or elements.
Structure is necessary to help machines understand what to do with our content.
HTML5, the current standard for HTML, has roughly 100 tags.
The most useful HTML tags are what we call semantic tags.
To have mastery over HTML, you will need to be familiar with all of them.
To be able to create basic web pages, you will need to remember at roughly 20 of them
Let’s look at the HTML Cheatsheet I provided in Canvas and talk about some of the common tags.
In Canvas under Week 1, find the assignment:
Creating an HTML page
Start the assignment using Stackblitz:
stackblitz.com/fork/web-platform
Version control is one of the most powerful tools we have in software development.
Version Control is a tool that tracks changes made to the files in our code. It works with any kind of code and any kind of project.
credit: Jorge Barrios via Wikipedia
credit: Various
Software is - complex - code difficult for humans to read - has dependencies - is abstract
Our integration with Netlify later will be a good example of why using git is helpful.
Look in Canvas under Pages / Important Terms for the definitions for the following key version control terms